<template>
  <div class="model">
    <h1>{{ msg }}</h1>
  </div>
</template>

<script>
export default {
  name: 'model',
  // 实例的数据对象
  data () {
    return {
      msg: 'model'
    }
  },
  // created:在模板渲染成html前调用，即通常初始化某些属性值，然后再渲染成视图。
  created () {

  },
  // 方法
  methods: {

  },
  // 侦听器，监测Vue实例上的数据变动
  watch: {

  },
  // mounted:在模板渲染成html后调用，通常是初始化页面完成后，再对html的dom节点进行一些需要的操作。
  mounted () {

  }
}
</script>

<style scoped>
</style>
